html {
	font-size: 62.5%
}
body{
	font-family: "微软雅黑";
	background: #FFFFFF;
	overflow-x: hidden;
}
ul li{
	list-style: none;
}
a{
	color: #333333;
}
/*-------------------- 修改导航栏 -----------------------*/
.mui-bar-nav{
	/*height: .44rem;*/
	background: -webkit-linear-gradient(left, #22A1F5,25% , #4481EB); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #22A1F5,25%, #4481EB); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #22A1F5,25%, #4481EB); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #22A1F5,25% , #4481EB); /* 标准的语法 */
}
.mui-bar-nav .head-name {
	/*height: .44rem;*/
    line-height: 44px;
}
.mui-bar-nav .mui-pull-right{
	color: #FFFFFF;
}
.mui-bar .mui-action-back{
	color: #FFFFFF;
}
.mui-bar .mui-btn-link{
	color: #FFFFFF;
}
.mui-title{
	color: #FFFFFF;
}
.linkDesign:active{
	color: #EEEEEE;
}
.linkDesign{
	color: #FFFFFF;
}
.head-portrait{
	width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #F8E71D;
    text-align: center;
    line-height: 38px;
    margin-top: 2px;
    border: 1px solid #979797;
}
.head-portrait .portrait-name{
	font-size: 12px;
	color: #000000;
}
.head-name{
	color: #FFFFFF;
	font-size: 16px;
	margin: 0 0 0 .1rem;
}
.mui-content{
	background: #FFFFFF;
	padding-bottom: 60px;
}

.nav-right-btn{
	color: #FFFFFF;
	font-size: 18px;
	line-height: 44px;
}
.mui-icon-arrowright{
	font-size: .2rem;
}
/*--------------------------------- 底部导航栏 ------------------------------*/
.footer{
	background: #FFFFFF;
	box-shadow: 0 -2px 10px .2px rgba(74,144,226,.2);
}

/*-------------------------- 模块框架 ------------------------*/
.mui-content{
	max-width: 3.75rem;
}
.modular{
	padding:0 .12rem;
	margin-top: .15rem;
	background: #FFFFFF;
	border-radius: 10px;
	box-shadow: 0px 0px 6px 0px rgba(74,144,226,.2);
}
/*------------------------ 去掉滚动条 --------------------------*/
::-webkit-scrollbar{
    display: none;
}

/*--------------------------------- 媒体查询 ------------------------------------*/
@media only screen and (min-width: 481px) {
	html {
		font-size:94%!important
	}
}
@media only screen and (min-width: 561px) {
	html {
		font-size:109%!important
	}
}
@media only screen and (min-width: 641px) {
	html {
		font-size:125%!important
	}
	body {
		max-width: 640px
	}
}




